html,body{
	background: #f3f4f6;
	z-index: 1;
	width:100%;
	height: 100%;
}
#headr{
	width: 100%;
	height: 3.1rem;
	background: #ce3d3a;
	color: #fff;
	font-size: 0.92rem;
	
	z-index: 5;
}
i{
	background: url(../img/jian.jpg) no-repeat;
	background-size:100% 100% ;
	width: 1.05rem;
	height: 0.95rem;
	display: inline-block;
	position: absolute;
	top:1.1rem;
	left:1.2rem ;
}
p{
	position: absolute;
	top:0.95rem;
	left: 3rem;
}
#content{
	width:100%;
	background: #f3f4f6;
	position: relative;
}
.up{
	margin-top: 2rem;
	margin-bottom: 1.4rem;
}
.up,.middle{
	width:80%;
	height: 1.5rem;
	border: 0;
	border-bottom: 1px solid #000;
	position: relative;
	margin-left: 10%;
	margin-right: 10%;
}
.up i{
	background: url(../img/phone.jpg) no-repeat;
	background-size:100% 100% ;
	width:0.65rem;
	height:0.9rem;
	display: inline-block;
	position: absolute;
	left: 5px;
	top: 10px;
}
.middle i{
	background:url(../img/lock.jpg) no-repeat;
	background-size:100% 100% ;
	width:0.7rem;
	height:0.9rem;
	display: inline-block;
	position: absolute;
	left: 5px;
	top: 10px;
}
input{
	float: right;
	width:11rem ;
	height: 1.45rem;
	line-height: 1.45rem;
	position: absolute;
	left: 60px;
	right: 0;
	font-size: 0.73rem;
	background: #f3f4f6;
}
.next{
	background: url(../img/next.jpg) no-repeat;
	background-size: 100% 100%;
	width:80%;
	height: 1.5rem;
	margin-left: 10%;
	margin-top: 2rem;
}
.btn{
	background: green;
	width:80%;
	height: 1.5rem;
	margin-left: 10%;
	margin-top: -1.5rem;
	opacity: 0;
	z-index: 600;
}
.bottom{
	width: 100%;
	height: 5.8rem;
	position: absolute;
	top: 180%;
		
}
.bottom img {
	width: 100%;
	height: 5.8rem;
	display: block;
}
